﻿@model Planisoft.Entities.Trabajador

@{
	ViewBag.Title = "Create";
}

@section js{
	<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>	
	
	<script type="text/javascript">

		
		$(function () {

			//$(function() {
			$("#FechNacimiento").datepicker({
				changeMonth: true,
				changeYear: true,
				dateFormat: "dd-mm-yy",
				yearRange: "1950:2010"});
			//});
			//botones
			$("input:submit, a, button", ".boton").button();
			$("a", ".boton").click();
			//botones
			$(".boton  button:first").button({
				icons: {
					primary: "ui-icon-disk"
				}

			})
			
			$("#idUbiDpto").change(function () {
				LoadProvincias($("#idUbiDpto").val());
			});

			$("#IdUbiProv").change(function () {
					//alert('Cambiaste el combo = ' + $("#IdUbigeoProvincia").val());
					LoadDistritos($("#IdUbiProv").val());
				});

	/* *********************** Este es para la provincia *****************************************/
			function LoadProvincias(id) {
				var dd = document.getElementById("IdUbiProv");
				dd.options.length = 0;
				dd.options[0] = new Option("Espere...");
				dd.selectedIndex = 0;
				dd.disabled = true;

				// Control de errores

				$("#IdUbiProv").ajaxError(function (event, request, settings) {
					dd.options[0] = new Option("Selecciona una Provincia");
				});

				// Obtenemos los datos...

				$.getJSON(
					'@Url.Action("../Ubigeo/getServiceProvinciasByIdDepJSON")', // URL a la acción
					{id: id },                  // Objeto JSON con parámetros
					function (data) {                    // Función de retorno exitoso
						$.each(data, function (i, item) {
							dd.options[i] = new Option(item.label, item.value);
						});
						dd.disabled = false;
					});
			}
		});

		/**************este es para los distritos*********/

			function LoadDistritos(id) {
				var dd = document.getElementById("IdUbiDtto");
				dd.options.length = 0;
				dd.options[0] = new Option("Espere...");
				dd.selectedIndex = 0;
				dd.disabled = true;
				
				// Control de errores

				$("#IdUbiDtto").ajaxError(function (event, request, settings) {
					dd.options[0] = new Option("Selecciona una Provincia");
				});

				// Obtenemos los datos...

				$.getJSON(
					'@Url.Action("../Ubigeo/getServiceDistritoByIdProvJSON")', // URL a la acción
					{id: id },                  // Objeto JSON con parámetros
					function (data) {                    // Función de retorno exitoso
						$.each(data, function (i, item) {
							dd.options[i] = new Option(item.label, item.value);
						});
						dd.disabled = false;
					});
				}
				
  </script>
  }

@using (Html.BeginForm("Create", "RecHum", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
	@Html.ValidationSummary(true)

		
	<fieldset>
		<legend>Trabajador</legend>
		@if (ViewData["error"] != null)
  {
			<h1>@ViewData["error"] </h1>
  }
	<!-- Documento Identidad -->
		<fieldset class="informfieldset"><legend>Documento de Identidad </legend>     
			<div class="editor-label">
				@Html.Label("Tipo Documento")
			</div>
			<div class="editor-field">            
				@Html.DropDownList("IdTipoDocumento")
				@Html.ValidationMessageFor(model => model.IdTipoDocumento)
			</div>
			<div class="editor-label">
			@Html.LabelFor(model => model.NroDoc)
			</div>
			<div class="editor-field">
				@Html.EditorFor(model => model.NroDoc)
				@Html.ValidationMessageFor(model => model.NroDoc)
			</div>
		</fieldset>
	<!---->    
		<br />
		<div class="editor-label"> 
			@Html.Label("Nivel Educativo")
		</div>
		
		<div class="editor-field">
			@Html.DropDownList("IdNivelEducativo")
			@Html.ValidationMessageFor(model => model.IdNivelEducativo)
		</div>

		<div class="editor-label">
			@Html.Label("Nacionalidad")
		</div>
		<div class="editor-field">
			@Html.DropDownList("IdNacionalidad")
			@Html.ValidationMessageFor(model => model.IdNacionalidad)
		</div>

		<div class="editor-label">
			@Html.LabelFor(model => model.ApPaterno)
		</div>
		<div class="editor-field">
			@Html.EditorFor(model => model.ApPaterno)
			@Html.ValidationMessageFor(model => model.ApPaterno)
		</div>

		<!-- Ubigeo-->
		<fieldset class="informfieldset"> <legend> Ubigeo/Direccion </legend>
			<div class="editor-label">
				@Html.Label("Departamento")
			</div>
			<div class="editor-field">
				@Html.DropDownList("idUbiDpto")
				@Html.ValidationMessageFor(model => model.idUbiDpto)
			</div>

			<div class="editor-label">
				@Html.Label("Provincia")
			</div>
			<div class="editor-field">
				@Html.DropDownList("IdUbiProv")
				@Html.ValidationMessageFor(model => model.IdUbiProv)
			</div>

			<div class="editor-label">
				@Html.Label("Distrito")
			</div>
			<div class="editor-field">
				@Html.DropDownList("IdUbiDtto")
				@Html.ValidationMessageFor(model => model.IdUbiDtto)
			</div>

			<div class="editor-label">
				@Html.Label("Zona")
			</div>
			<div class="editor-field">
				@Html.DropDownList("IdZona")
				@Html.ValidationMessageFor(model => model.IdZona)
			</div>

			<div class="editor-label">
				@Html.Label("Via")
			</div>
			<div class="editor-field">
				@Html.DropDownList("IdVia")
				@Html.ValidationMessageFor(model => model.IdVia)
			</div>

		</fieldset>
		
		<div class="editor-label">
			@Html.LabelFor(model => model.ApMaterno)
		</div>
		<div class="editor-field">
			@Html.EditorFor(model => model.ApMaterno)
			@Html.ValidationMessageFor(model => model.ApMaterno)
		</div>

		<div class="editor-label">
			@Html.LabelFor(model => model.Nombre)
		</div>
		<div class="editor-field">
			@Html.EditorFor(model => model.Nombre)
			@Html.ValidationMessageFor(model => model.Nombre)
		</div>

		<div class="editor-label">
			@Html.LabelFor(model => model.FechNacimiento)
		</div>
		<div class="editor-field">
			@Html.EditorFor(model => model.FechNacimiento)
			@Html.ValidationMessageFor(model => model.FechNacimiento)
		</div>

		<div class="editor-label">
			@Html.LabelFor(model => model.Telefono)
		</div>
		<div class="editor-field">
			@Html.EditorFor(model => model.Telefono)
			@Html.ValidationMessageFor(model => model.Telefono)
		</div>

		<div class="editor-label">
			@Html.LabelFor(model => model.Correo)
		</div>
		<div class="editor-field">
			@Html.EditorFor(model => model.Correo)
			@Html.ValidationMessageFor(model => model.Correo)
		</div>

		<div class="editor-label">
			@Html.LabelFor(model => model.Sexo)
		</div>
		<div class="editor-field">
			@Html.EditorFor(model => model.Sexo)
			@Html.ValidationMessageFor(model => model.Sexo)
		</div>

		<div class="editor-label">
			@Html.Label("Ocupacion")
		</div>

		<div class="editor-field">
			@Html.DropDownList("IdOcupacion", " ")
			@Html.ValidationMessageFor(model => model.IdOcupacion, "Valor no valido")			
		</div>

		<div class="editor-label">
			@Html.Label("Foto")
		</div>
		<div class="editor-field">
				<input type="file" name="image"/>
		</div> 
		
		
		<p class="boton">
			<button type="submit" value="create">Guardar</button>
			
			@Html.ActionLink("Retornar", "trabajador")		
		</p>
	</fieldset>
	
	
	
	
	
}


